<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的工程</title>
		<link rel="stylesheet" type="text/css" href="../css/vue.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/computingEquipment.css"/>
	</head>
	<body>
		<!--公共头部 start-->
		<div class="commonHead">
			<div class="commonHeadLeft">
				<a href="javascript:void(0);"><img src="../img/indexLogo.png" class="houseLogo"/></a>
			</div>
			<div class="commonHeadCenter">
				<ul>
					<li>
						<a>项目圈</a>
					</li>
					<li>
						<a>材料数据库</a>
					</li>
					<li>
						<a class="active">计算工具</a>
					</li>
					<li class="clear"></li>
				</ul>
			</div>
			<div class="commonHeadRight">
				<div class="infoCenter">
					<a href="javascript:void(0);">
						<span class="iconfont-tcl">&#xe643;</span>
						<span class="infoCenterText">消息中心</span>
						<span class="remindCircle"></span>
					</a>
				</div>
				<div class="loginInfo">
					<el-dropdown trigger="click">
						<span class="el-dropdown-link">
						    Kdd<i class="el-icon-caret-bottom el-icon--right"></i>
						</span>
						<el-dropdown-menu slot="dropdown">
						    <el-dropdown-item>账号设置</el-dropdown-item>
						    <el-dropdown-item>退出</el-dropdown-item>
						</el-dropdown-menu>
					</el-dropdown>
				</div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
		<!--公共头部 end-->
		
		
		<!--内容 start-->
		<div class="computedContent">
			<div class="myProjectBox">
				<div class="contentTop">
					<div class="contentTitle">我的工程</div>
					<button class="contentControl">新建项目</button>
					<div class="help">
						<a href="javascript:void(0)">
							<span class="iconfont">&#xe60c;</span>
							<span>使用帮助</span>						
						</a>
					</div>
					<div class="clear"></div>
				</div>
			
				<!--项目圈内容 start-->
				<div class="myProject">	
					<div class="projectBox">	
						<div class="memberList">
							<ul>
								<li class="listDec">
									<div>工程名称</div>
									<div>地区</div>
									<div>小区名称</div>
									<div>创建时间</div>
									<div>模型</div>
									<div>更新时间</div>
									<div>操作</div>
									<div class="clear"></div>
								</li>
								<ul>
									<li class="memberDec" v-for="projectList in projectForm">
										<div>{{projectList.projectName}}</div>
										<div>{{projectList.region}}</div>
										<div>{{projectList.quartersName}}</div>
										<div>{{projectList.createTime}}</div>
										<div>{{projectList.model}}</div>
										<div>{{projectList.updateTime}}</div>
										<div>
											<a href="javascript:void(0);" class="load">加载</a>
											<a href="javascript:void(0);" class="finishReport">报告</a>
											<a href="javascript:void(0);">删除</a>
										</div>
									</li>
								</ul>
								
							</ul>
						</div>
					</div>
				</div>
				<!--项目圈内容 end-->
			</div>
			
		</div>
		<!--内容 end-->
		
	</body>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/vue.js"></script>
	<script type="text/javascript" src="../js/vueComponent.js"></script>
	<script type="text/javascript" src="../js/component.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			//获取content最小高度
			var computedContentMinHeight = $(window).innerHeight() - 60;
			$('.computedContent').css('min-height',computedContentMinHeight + 'px');
			
			//获取内容高度
			var myProjectMinHeight = computedContentMinHeight - 110;
			$('.myProject .projectBox').css('min-height',myProjectMinHeight + 'px');
		});
		
		var loginInfo = new Vue({
			el:'.loginInfo'
		});
		
		var myProject = new Vue({
			el:'.myProject',
			data:function(){
				return{
					projectForm:[
						{
							projectName:'北京学清园小区',
							region:'广东省 深圳市',
							quartersName:'测试案例',
							createTime:'2017-10-20 12:30',
							model:'单区',
							updateTime:'2017-10-20 12:30',
						},
						{
							projectName:'北京学清园小区',
							region:'广东省 深圳市',
							quartersName:'测试案例',
							createTime:'2017-10-20 12:30',
							model:'单区',
							updateTime:'2017-10-20 12:30',
						},
						{
							projectName:'北京学清园小区',
							region:'广东省 深圳市',
							quartersName:'测试案例',
							createTime:'2017-10-20 12:30',
							model:'单区',
							updateTime:'2017-10-20 12:30',
						},
						{
							projectName:'北京学清园小区',
							region:'广东省 深圳市',
							quartersName:'测试案例',
							createTime:'2017-10-20 12:30',
							model:'单区',
							updateTime:'2017-10-20 12:30',
						},
						{
							projectName:'北京学清园小区',
							region:'广东省 深圳市',
							quartersName:'测试案例',
							createTime:'2017-10-20 12:30',
							model:'单区',
							updateTime:'2017-10-20 12:30',
						},
					]
				}
			},
		});
	</script>
</html>
